/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; }
/*select, input, textarea, button { font:99% sans-serif; }*/
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Inhouse styles */

@font-face {
  font-family: Museo700;
  src: url('/static/fonts/museo700-regular-webfont.ttf');
}

body {
  color: #333;
  background-color: white;
  font: normal normal normal 82%/normal arial, sans-serif;
}

/*
body, select, input {
  font-family: arial, sans-serif;
}
*/


/*
select,
textarea,
input[type=text],
input[type=button],
input[type=submit],
button {
  font-size: 10pt;
}
*/


input, textarea, select, .module p {
margin: 2px 0;
padding: 2px 3px;
vertical-align: middle;
}

input.search {
  width: 250px;
}

input[type="text"] {
border-color: #999 #CCC #CCC;
border-style: solid;
border-width: 1px;

}

button, input[type="button"], input[type="submit"], input[type="reset"] {
/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F1F1F1));
border: 1px solid #CCC;*/
cursor: pointer;
margin: 2px;
padding: 1px 6px;
}

textarea {
border-color: #999 #CCC #CCC;
border-style: solid;
border-width: 1px;
font-family: monospace;
}

header {
  text-align: right;
}

nav {
  clear: both;
  position:relative;
  /*height: 26px;*/
  min-height: 26px;
  text-align: left;
}

nav ul {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0 0 0 5px;
  padding: 0;
}

nav ul li {
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
}

nav ul li a {
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
  height: 26px;
  line-height: 27px;
  padding: 0 8px;
  vertical-align: middle;
  text-decoration: none;
}

#main-navigation {
  background-color: #EBEFF9;
  border-bottom: 1px solid #6B90DA;
  min-height: 16px;
  padding: 5px 5px 5px 5px;
}

#main-navigation ul li a {
  font-weight: normal;
  text-decoration: underline;
}

#main-navigation ul li a:hover {
  text-decoration: underline;
}

#main-navigation ul li a.tab {
  color: #00C;
  cursor: pointer;
  float: left;
  /*margin: 5px 15px 6px 10px;*/
}

#main-navigation ul li a.active {
  background: white;
  border-top: 1px solid #6B90DA;
  border-right: 1px solid #6B90DA;
  border-left: 1px solid #6B90DA;
  border-bottom: 0;
  color: black;
  cursor: default;
  font-weight: bold;
  /*margin: 0 5px -1px 0;*/
  padding: 2px 9px 0px;
  text-decoration: none;
}

#sub-navigation {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F1F1F1));
  background: -moz-linear-gradient(top,  #fff,  #f1f1f1);
  border-bottom: 1px solid #CCC;
  /*color: #4272DB;*/
  color: black;
  padding: 8px 5px 5px 15px;
  min-height: 26px;
}

#sub-navigation ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#sub-navigation ul li {
  color: #4272DB;
  margin: 0;
  padding: 0;
}

#sub-navigation ul li a {
  color: #00C !important;
  display: inline;
  font-weight: normal;
  text-decoration: none;
  height: 22px;
  line-height: 23px;
}

#sub-navigation ul li a:hover {
  color: #4272DB;
  font-weight: normal;
  text-decoration: underline;
}

#liner {
}

#intro {
  margin-bottom: 0.5em;
}

#actions {
  display: table;
}

#searchform {
  text-align: right;
}

#content {
  display: table;
  width: 100%;
}

aside {
  display: table-cell;
}

aside#left {
  padding-left: .8em;
  padding-right: .8em;
  vertical-align: top;
  min-height: 480px;
  width: 300px;
}

aside#right {
  float: right;
  border-left: 2px solid #E9E9E9;
  padding-left: .8em;
  padding-right: .8em;
  vertical-align: top;
  min-height: 480px;
  width: 300px;
}

#main-content {
  background-color: white;
  display: table-cell;
  padding-left: .8em;
  padding-right: .8em;
  width: 85%;
}

#small-content {
  display: table-cell;
  width: 17em;
}

#about, #shortcuts {
  margin-top: 10px;
  text-align: center;
}

#about {
  color: #777;
  font-size: 0.88em;
}

footer {
}

h1, h2, h3, h4, h5, h6 {
  padding-bottom:0;
  margin-bottom: 5px;
  letter-spacing: -0.018em;
}

h1 {
  color: #333;
  font-weight: bold;
  font-size: 1.6em;
  margin-top: 8px;
  text-transform: normal;
}

h2 {
  color: black;
  display: block;
  font-weight: bold;
  font-size: 1.375em;
}

h3 {
  color: #4272db;
  font-weight: bold;
  font-size: 1.25em;
  /*padding: 8px;*/
}

em {
  font-style:normal;
  font-weight:bold;
}

a {
  /*color: #4272db;*/
  color: #00C;
  text-decoration:underline;
}

a:focus, a:hover {
  color: #00C;
  text-decoration:underline;
}

a:visited {
  /*color: #4272db;*/
  color: #00C;
}

h3 a, h3 a:hover {
  text-decoration: none;
}

a.disabled {
  color: #666;
}

/* TODO: Use div#main before standard elements? */

div#main label {

  display: block;
  float: left;
  font-weight: bold;
  padding: 3px 10px 0px 0px;
  position: relative;
  text-align: right;
  width: 8em;
}

div#dialog label {
  font-weight: bold;
  padding: 3px 10px 0px 0px;
}

img {
  float: left;
  display:block;
}

pre, code {
  font-family: monospace;
  font-size: 12px;
  /*margin: 15px;*/
}

div {
  display: block;
}

ul {
  list-style-type: none;
  margin-left: 0;
}

ul.errorlist li {
  color: red;
  font-size: 90%;
}

td, th {
  display: table-cell;
}

.sprite {
  background: url('/static/img/icons.png') no-repeat top left;
  display: block;
  float: left;
  margin-right: 6px;
  /*margin-top: 2px;*/
}

.closedtriangle { background-position: 0 0; width: 12px; height: 9px; }
.history { background-position: 0 -59px; width: 12px; height: 12px; }
.left_big { background-position: 0 -121px; width: 23px; height: 17px; }
.minus { background-position: 0 -188px; width: 12px; height: 12px; }
.no_history { background-position: 0 -250px; width: 12px; height: 12px; }
.note { background-position: 0 -312px; width: 10px; height: 12px; }
.pause { background-position: 0 -374px; width: 12px; height: 12px; }
.pause_disabled { background-position: 0 -436px; width: 12px; height: 12px; }
.plus { background-position: 0 -498px; width: 12px; height: 12px; }
.remove { background-position: 0 -560px; width: 12px; height: 12px; }
.remove_disabled { background-position: 0 -622px; width: 12px; height: 12px; }
.right_big { background-position: 0 -684px; width: 23px; height: 17px; }
.star { background-position: 0 -751px; width: 14px; height: 14px; }
.star_grey { background-position: 0 -815px; width: 14px; height: 14px; }
.start { background-position: 0 -879px; width: 12px; height: 12px; }
.start_disabled { background-position: 0 -941px; width: 12px; height: 12px; }
.stop { background-position: 0 -1003px; width: 12px; height: 12px; }
.stop_disabled { background-position: 0 -1065px; width: 12px; height: 12px; }
.timer { background-position: 0 -1127px; width: 11px; height: 11px; }
.timer_disabled { background-position: 0 -1188px; width: 11px; height: 11px; }


#logo {
  display: block;
  color: #666;
  float: left;
  /*font-family: Museo700;*/
  /*font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;*/
  font-size: 200%;
  font-weight: normal;
  margin: 40px 25px 10px 10px;
  text-transform:lowercase;
}

/* POP-UP */

div.popup {
  visibility: hidden;
  background: black;
  color: white;
  padding: 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  opacity: 0.85;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  filter: alpha(opacity=75);
  position: absolute;
  width: 30%;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
}

.pagination {
  padding: 3px;
  /*margin-top: 3px;
  margin-bottom 3px;*/
  text-align:right;
}

.eg {
  color: #777;
  font-size: 90%;
  margin-left: 5px;
}

/* FORM ROWS */

.form-row {
overflow: hidden;
padding: 8px 12px;
}

/* Tables */

.default-list table {
  width: 100%;
}

.default-list {
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
/*  background-color: #ebeff9;*/
  background-color: #ebeff9;
  border: thin solid #bbbbbb;
  margin-bottom: 10px;
  padding: 5px;
}

.default-list table .first {
  border-left: 1px solid #CCC;
}

.default-list table .last {
  border-right: 1px solid #CCC;
}

.default-list table th {
  background-color: #eeeeee;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  /*color: #0000cc;*/
  color: black;
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 6px;
  padding-bottom: 3px;
  font-weight: bold;
  text-align: left;
}

.default-list table tr {
  border-bottom: thin solid #cccccc;
  background-color: #FBFBFB;
}

.default-list table .selected {
  background-color: #FFF7D7 !important;
}

.default-list table td {
  background-color: #ffffff;
  padding: 3px;
}

.default-list .header {
  background-color: #e7efff;
  padding: 6px;
}

.default-list tr.alt td {
  /*background: #f4f8ff;*/
}

.default-list tr.sum td {
  background: #eeeeee;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

.default-list tr.over td {
  background: #FFF7D7;
  /*color: #00C;*/
}

.timer-list {
background-color: #E5ECF9;
border: thin solid #bbbbbb;
margin-bottom: 10px;
padding: 5px;
}

.timer-list table {
  width: 100%;
}

.timer-list table tr {
  border-bottom: thin solid #f7f7f7;
  background-color: #FBFBFB;
}

.timer-list tr.over td {
	background: #fffdd2;
}

.timer-list table td {
  background-color: #ffffff;
  font-size: 89%;
  padding: 2px;
}

.timer-list table span {
  cursor: pointer;
}

/* Message box */

.wrapper, .message-box {
  /*height: 500px;*/
  height: 50px;
  width: 600px;
  z-index: 0;
}
.wrapper {
  /*bottom: 50%;*/
  top: 2.5em;
  right: 50%;
  position: absolute;
}
.message-box {
  font-weight: bold;
  left: 50%;
  position: relative;
  /*top: 50%;*/
  text-align: center;
}

.message-box ul {
  background-color: #FFF1A8; /* #FFF7D7 */
  padding: 0.6em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.message-box a {
  text-decoration: underline;
}

/* Module boxes */

.module {
  margin-bottom: 5px;
  /*border: thin solid #BBB;*/
}

.module div {
  margin: 0px 0px 5px;
}

.module p {
  margin-left: 7em;
  padding-left: 30px;
}

.module.small {
  width: 50%;
}

.module .header {
  background: #f1f1f1;
  color: #333;
  cursor: pointer;
  padding: 5px 2px 4px 10px;
  margin-bottom: 0;
  border-top: 1px solid #a9a9a9;
}

.module .header#blue {
  background-color: #E5ECF9;
  color: #333;
  border-top: 1px solid #36C;
}

.module .header a {
  color: #333;
}

.module .header a:hover {
  color: #4272db;
  text-decoration: none;
}

.module .body {
  display: block;
  overflow: hidden;
  /*padding: 4px 8px;*/
  padding: 10px 15px 10px 15px;
}

.module .body#blue {
  /*background-color: #f2f6fd;*/
}

/* Cards */

.card {
  border-color: #BBB;
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: #E3E5EB 0px 1px 1px;
}

.card-common {
  background-color: white;
  margin: 0px 10px;
  zoom: 1;
}

.card-bottom {
  background-color: #F3F5FC;
  /*color: #24B;*/
  color: #666;
  direction: ltr;
  font-size: 90%;
  padding: 4px 13px 7px;
}

.entry {
  position: relative;
  zoom: 1;
  padding: 5px 0px;
}

.entry .entry-title {
  padding: 0;
}

.entry .entry-content {
  padding-bottom: 1em;
  padding-top: 1em;
}

.entry .entry-main {
  margin-left: 30px;
  margin-right: 10px;
  zoom: 1;
}

.entry .entry-body {
  padding-top: 1em;
  /*ax-width: 650px;*/
}

.entry .entry-icons {
  left: 20px;
  top: 20px;
  position: absolute;
    /*
left: 2px;
position: absolute;
top: 2px;
width: 18px;
*/
  vertical-align: top;
}

.entry .entry-date {
  color: #666;
  font-size: 90%;
  text-decoration: none;
}

.entry .entry-date {
  float: right;
}

/* Timeline */

.timeline-list {
  background-color: #EEE;
}

.timeline-list h4 {
border-top: 1px solid #BBB;
font-size: 100%;
font-weight: normal;
line-height: 160%;
margin: 0px;
padding: 0px 0px 0px 1em;
padding-left: 1em;
padding-left: 1em;
}

ul.timeline li {
  background-color: white;
  border-top: 1px solid #BBB;
  clear: both;
  margin: 0px;
  /*padding: 0,375em 0px;*/
  padding: 0.3em 0px 0.2em 0.4em;
  z-index: 0;
  /*cursor: pointer;*/
}

ul.timeline li.over {
  background: #FFF7D7;
}

ul.timeline span.expand {
  padding-right: 2em;
}

ul.timeline span.date {
background-position: 5px 50%;
background-repeat: no-repeat;
color: #5F5F5F;
float: left;
padding-right: 1em;
text-align: right;
width: 10.5em;
}

ul.timeline span.details {
}

ul.timeline div.details {
  color: #5F5F5F;
  border-left: 0.3em solid #C3D9FF;
  margin: 0.2em 0 0.2em 14.3em;
  padding: 0.5em;
}

/* Calendar */

.calendar {
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
  background-color: #ebeff9;
  border: thin solid #bbbbbb;
  margin-bottom: 10px;
  padding: 5px;
}

.calendar a {
  text-decoration: none;
}

.calendar .pagination {
  background-color: #e7efff;
  padding:3px;
  text-align:right;
}

.calendar table th, .calendar table td {
  padding: 0.5em;
}

.calendar table th {
  font-weight: bold;
  /*background-color: lightgray;*/
 border-right: 1px solid lightgray;
  border-top: 1px solid lightgray;
  padding: 5px 8px 5px 8px;
}

.calendar table th.first {
  border-left: 1px solid lightgray;
}

.calendar table th.last {
  border-right: 1px solid lightgray;
}

.calendar table th.header {
  background-color: #e7efff;
  text-align: center;
}

.calendar table tr {
  border-bottom: thin solid lightgray;
  background-color: #EEEEEC;
}

.calendar table td {
  background-color: #FFFFFF;
  text-align: center;
}

.calendar table td.first {
  border-left: 1px solid lightgray;
}

.calendar table td.last {
  border-right: 1px solid lightgray;
}

.calendar table td.invalid {
  color: #CCCCCC;
}

.calendar table td.current {
  /*background-color: #b9ccf0;*/
  background-color: #d3e3ff;
  /*border: 1px solid #FAD163;*/
}

.calendar table td.selected {
  background-color: #FFF7D7;
}


table td.week_day {
  border-right: 1px dotted #DDD;
  padding: 6px 6px 0px 6px;
}

table td.week_day.current {
  background: #FFF7D7;
}

table td.week_booking {
  background-color: #EBEFF9;
  font-size: 80%;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* Help */

div#help {
  position: fixed;
  right: 4%;
  left: 4%;
  top: 5%;
  opacity: 0.85;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: black;
  color: white;
  font-weight: bold;
  padding: 1em;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: arial, sans-serif;
}

div#help table {
border-spacing: 2px 2px;
border-collapse: separate;
}

div#help th {
  border: 0;
  background: black;
  color: #5989e2;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left;
}

div#help td {
  background: black;
  font-weight: normal;
}

td.shortcut {
  text-align: right;
}

span.letter {
  /*color: #5989e2;*/
  color: #7a9ee2;
  /*color: white;*/
  font-weight: bold;
  font-family: monospace;
}

.extra {
  color: #777;
}

/* GOOGLE STYLES */

.goog-date-picker {
  background: #E5ECF9 !important;
  border: thin solid #BBB !important;
}
.ac-renderer {
  width: 600px !important;
}

.ac-active {
  background-color: #FFF7D7 !important;
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; }

  abbr:after { content: " (" attr(title) ")"; }

  .ir a:after { content: ""; }  /* Don't show links for images */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {


  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
